/**
 * Created by threegrand2 on 2014/11/19.
 */

function createDynamicTable(){
    var count = 1;
    var table=$("<table border=\"1\">").appendTo($("#p1"));
    for(var i=0;i< 10;i++)
    {
        var tr=$("<tr></tr>");
        tr.appendTo(table);
        for(var j=0;j<10;j++)
        {
            var td=$("<td>"+count+"</td>");
            td.appendTo(tr);
            td.css({"backgrund":"white","boder":"2px"}).click(function (){
                //获取当前表格的一个格子对象
                var thisTd = $(this);
                //获取当前css的背景颜色对象
                var backGround =thisTd.css("background-color");
                //判断改变颜色
                if(backGround=="rgb(255, 0, 0)"){
                    thisTd.css("background","white");
                }else{
                    thisTd.css("background","red");
                };
                //改变其中的数字,thisTd.text()获取当前格子对象的文本
                var number= parseInt(thisTd.text());
                //设置当前格子对象的文本值
                thisTd.text((number+1));
            }).appendTo(tr);
            count++;
        }
    }
    $("#p1").append("</table>");
}

